<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
    <path
      d="M3.25962 7.87012C3.23323 7.85439 3.20328 7.84614 3.1728 7.84619C3.14232 7.84624 3.1124 7.85459 3.08605 7.8704C3.05971 7.88621 3.03788 7.90892 3.02277 7.93622C3.00766 7.96353 2.99981 7.99446 3 8.0259V15.7881C3.00066 16.1621 3.09622 16.5295 3.27719 16.8536C3.45816 17.1778 3.71823 17.4474 4.03154 17.6357L11.0481 21.9759C11.0744 21.9915 11.1042 21.9998 11.1346 21.9998C11.1649 21.9998 11.1948 21.9916 11.2211 21.9759C11.2474 21.9603 11.2692 21.9378 11.2844 21.9106C11.2996 21.8835 11.3077 21.8528 11.3077 21.8214V12.8156C11.3077 12.7843 11.2997 12.7535 11.2845 12.7264C11.2693 12.6993 11.2474 12.6768 11.2212 12.6612L3.25962 7.87012Z"
      :fill="color" />
    <path
      d="M12.6923 12.8469V21.8192C12.6923 21.8505 12.7004 21.8813 12.7156 21.9084C12.7308 21.9355 12.7526 21.958 12.7789 21.9737C12.8052 21.9893 12.8351 21.9976 12.8654 21.9976C12.8958 21.9976 12.9256 21.9893 12.9519 21.9736L19.968 17.6334C20.2811 17.4454 20.5411 17.1762 20.7221 16.8525C20.9031 16.5287 20.9989 16.1618 21 15.7881V8.0259C20.9999 7.99461 20.9918 7.9639 20.9766 7.93685C20.9613 7.90979 20.9395 7.88734 20.9132 7.87174C20.8869 7.85615 20.8571 7.84795 20.8268 7.84798C20.7964 7.84801 20.7667 7.85626 20.7404 7.8719L12.7788 12.6929C12.7526 12.7085 12.7308 12.7309 12.7156 12.7579C12.7005 12.785 12.6924 12.8156 12.6923 12.8469Z"
      :fill="color" />
    <path
      d="M20.0005 6.65571C20.0266 6.63998 20.0483 6.61747 20.0634 6.59041C20.0784 6.56335 20.0864 6.53269 20.0864 6.50148C20.0864 6.47028 20.0784 6.43962 20.0634 6.41256C20.0483 6.3855 20.0266 6.36298 20.0005 6.34726L13.3916 2.38604C12.9687 2.13317 12.4886 2 11.9998 2C11.511 2 11.0309 2.13317 10.6081 2.38604L4.00041 6.34726C3.97428 6.36298 3.95261 6.3855 3.93754 6.41256C3.92248 6.43962 3.91455 6.47028 3.91455 6.50148C3.91455 6.53269 3.92248 6.56335 3.93754 6.59041C3.95261 6.61747 3.97428 6.63998 4.00041 6.65571L11.9135 11.4579C11.9401 11.4741 11.9704 11.4826 12.0013 11.4826C12.0322 11.4826 12.0625 11.4741 12.0892 11.4579L20.0005 6.65571Z"
      :fill="color == '#7A7A7A' ? '#CBCBCB' : color" />
  </svg>
</template>

<script setup lang="ts">
  interface Props {
    size?: number | string;
    color?: string;
    fill?: string;
    strokeWidth?: number | string;
    iconClass?: string;
  }

  withDefaults(defineProps<Props>(), {
    size: 24,
    color: '#7A7A7A',
    fill: 'none',
    strokeWidth: 1,
    iconClass: '',
  });
</script>
